body, html {
    -webkit-font-smoothing: antialiased
}

body {
    background: #eee;
    color: #333;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: left;
    margin: 0
}

a:link, a:visited {
    color: #888;
    text-decoration: none
}

a:hover {
    color: #ccc;
    text-decoration: none
}

a img {
    border-width: 0
}

#header-wrapper {
    width: 970px;
    margin: 0 auto
}

#header-inner {
    background-position: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px
}

#header {
    float: left;
    width: 232px;
    text-align: left;
    color: #eee;
    margin: 0;
    background: #fff;
    height: 90px;
    text-shadow: 1px 1px 1px #000
}

#header2 {
    float: right;
    width: 728px;
    margin-right: 0;
    text-align: left;
    color: #555
}

.header .widget, .header2 .widget {
    margin: 0 auto;
    padding: 0 0 5px
}

#header h1, #header p {
    line-height: 14px;
    font: 700 28px "Open Sans", Arial, Verdana;
    margin: 0 auto;
    padding: 5px;
    letter-spacing: .05cm
}

#header a {
    color: #f4eaa6;
    text-decoration: none
}

#header a:hover {
    color: #eee
}

#header .description {
    max-width: 100%;
    text-transform: none;
    line-height: 1em;
    font: 14px "Open Sans", Arial, Verdana;
    color: #fff;
    margin: 0 auto;
    padding: 0 5px 5px
}

#header img {
    margin-right: auto;
    margin-left: auto
}

#navbar-iframe {
    height: 0;
    visibility: hidden;
    display: none
}

#nav-wrapper {
    background: #23436c;
    border-top: 1px solid #2b5487;
    height: 31px;
    font: 12px Arial;
    overflow: hidden
}

#nav {
    margin: 0 auto;
    width: 970px;
    height: 31px;
    padding: 0;
    text-shadow: 1px 1px 2px #000
}

#nav ul {
    float: left;
    width: auto;
    height: 31px;
    margin: 0;
    padding: 0;
    list-style-type: none
}

#nav ul li {
    float: left;
    height: 31px
}

#nav ul li a, #nav ul li a:visited {
    float: left;
    height: 31px;
    padding: 7px 10px;
    border-right: 1px solid #080f18;
    background: #162c47;
    border-left: 1px solid #254874;
    color: #e7f1fe;
    text-transform: none;
    transition: all 400ms ease-in-out;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out
}

#nav ul li a:hover {
    background: #0a131e;
    color: #aad0fe;
    text-decoration: none
}

#main-wrapper {
    width: 650px;
    float: left;
    word-wrap: break-word;
    overflow: hidden
}

#sidebar-wrapper {
    padding: 10px 0 0;
    width: 320px;
    float: right;
    word-wrap: break-word;
    overflow: hidden;
    display: block
}

h2.date-header {
    margin: 1.5em 0 .5em
}

.post {
    margin: 10px 10px 10px 0;
    padding: 5px 0 0 10px
}

.post .jump-link {
    display: none
}

.breadcrumbs {
    padding: 8px 10px;
    margin: 10px 10px 0 0;
    color: #6b7278;
    font: 12px Arial;
    font-weight: 700;
    line-height: 1.4em
}

.post h1, .post h2 {
    font: 28px "Open Sans", Verdana, Geneva, sans-serif;
    font-weight: 700;
    line-height: 1.3em;
    letter-spacing: -1px;
    margin: .25em 0 0;
    padding: 0 0 4px;
    color: #444
}

.post h1 a, .post h1 a:visited, .post h1 strong, .post h2 a, .post h2 a:visited,
.post h2 strong {
    color: #444
}

.post h1 a:hover, .post h1 strong, .post h2 a:hover, .post h2 strong {
    color: #6b7278
}

.articles-service {
    height: 25px
}

.facebook-login {
    float: left
}

.translate {
    float: right
}

.post-body {
    font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-top: 10px;
    line-height: 1.3em;
    margin: 0 0 .7em
}

.post-body blockquote {
    line-height: 1.3em;
    font-style: italic
}

.post-body embed, .post-body iframe, .post-body object {
    width: 100%;
    height: 354px;
    margin: 0 auto
}

.post-footer {
    color: #afafaf;
    text-transform: none;
    letter-spacing: .01em;
    font: 12px Arial, Helvetica, sans-serif;
    font-weight: 700;
    line-height: 1.3em;
    margin: .75em 0
}

.comment-link {
    margin-left: .6em
}

.post img {
    max-width: 100%;
    width: auto;
    -ms-interpolation-mode: bicubic;
    border: 0
}

.post blockquote {
    margin: 10px 10px 10px 20px;
    padding: 10px 15px;
    line-height: 1.6em;
    color: #333;
    background: #eee;
    border-left: 20px solid #ccc
}

.post blockquote p {
    margin: .75em 0
}

.comment-form {
    display: none !important
}

.fb-reco {
    z-index: 999999;
    position: absolute
}

#blog-pager {
    clear: both;
    text-align: center;
    margin: 10px 5px 15px;
    padding: 15px 10px 0
}

#blog-pager-newer-link a, #blog-pager-older-link a, a.home-link {
    width: 80px;
    text-align: center;
    display: inline-block;
    color: #4c502f;
    font: 13px "Open Sans", Arial, Verdana;
    font-weight: 700;
    text-transform: none;
    margin: 0;
    padding: 6px 4px
}

.feed-links {
    clear: both;
    line-height: 2.5em
}

.sidebar h2 {
    font: 16px "Open Sans", Verdana, Geneva, sans-serif;
    color: #3583cc;
    margin: 0;
    font-weight: 600;
    letter-spacing: -.045em;text-transform: uppercase;
    line-height: 2.3em;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 10px
}

.sidebar {
    text-shadow: #fff 1px 1px 1px;
    color: #6b7278;
    line-height: 1.3em;
    border-top: none
}

.sidebar li {
    text-indent: 0;
    line-height: 1.3em;
    margin: 0;
    padding: 3px 0 4px;
    border-bottom: 1px dashed #b99f9f
}

.sidebar .widget {
    margin: 0;
    padding: 0 10px 10px
}

.sidebar .widget-content {
    margin: 0 auto;
    padding: 0
}

.sidebar a:link, .sidebar a:visited {
    font: 13px "Open Sans", Arial, Verdana;
    color: #6b7278;
    text-decoration: none
}

.sidebar li a:hover {
    color: #333
}

.sidebar ul {
    list-style: none;
    margin: 0;
    padding: 5px 0
}

#Label1 li {
    float: left;
    width: 50%
}

.showpageOf {
    color: #ddd;
    margin: 2px;
    padding: 3px 6px
}

.showpage a, .showpageNum a {
    color: #ffbd31;
    text-decoration: none;
    margin: 2px;
    padding: 3px 6px
}

.showpage a:hover, .showpageNum a:hover, .showpagePoint {
    color: #ffc800;
    margin: 2px;
    padding: 3px 6px
}

.PopularPosts .item-thumbnail {
    float: right;
    margin: 0 0 0 10px
}

.PopularPosts .item-thumbnail a {
    height: 95px;
    width: 127px;
    float: left;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #000;
    background-image: url(http://3.bp.blogspot.com/-p-05OjQAWQQ/UTdqU7W-Y1I/AAAAAAAACd8/OezyRAxqIbI/s1600/play-button.png);
    background-origin: padding-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto auto
}

#PopularPosts1 li img {
    margin-right: 0;
    padding: 0;
    border: 0;
    opacity: 1
}

#PopularPosts1 li img:hover {
    opacity: .45
}

#PopularPosts1 {
    font-size: 10px;
    padding-bottom: 0;
    border-top: 0
}

#PopularPosts1 .item-thumbnail {
    background: #fff;
    float: left;
    margin: 0 8px 8px 3px;
    padding: 3px;
    height: 95px;
    width: 127px;
    border: 1px solid #ccc;
    box-shadow: 0 0 4px #bbb;
    -moz-box-shadow: 0 0 4px #bbb;
    -webkit-box-shadow: 0 0 4px #bbb
}

#PopularPosts1 ul {
    padding: 8px 0 0 7px
}

#PopularPosts1 ul li {
    list-style-image: none;
    list-style-type: none;
    display: inline;
    width: 50%
}

#PopularPosts1 li img {
    height: 95px;
    width: 127px
}

.switch {
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top, #fff, #f2f2f2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, #fff, #f2f2f2);
    background-image: -o-linear-gradient(top, #fff, #f2f2f2);
    background-image: linear-gradient(to bottom, #fff, #f2f2f2);
    background-repeat: repeat-x;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid: dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .065);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .065);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .065);
    height: 25px;
    color: #000;
    margin: 0 10px 0 0;
    padding: 5px 10px 10px;
    text-transform: uppercase
}

.switch-left {
    width: 160px;
    float: left;
    margin: 0 auto;
    padding-top: 5px;
    font: 16px "Open Sans", Arial, Verdana;
    color: #555;
    text-shadow: 0 1px 0 #fff
}

.switch-right {
    width: 115px;
    float: right;
    margin: 0 auto;
    padding-top: 7px
}

.switch a {
    border: 1px solid #d4d4d4;
    font: 11px Arial;
    padding: 3px 8px 3px 25px;
    text-transform: none;
    color: #888
}

a.bar_view {
    background: url(http://4.bp.blogspot.com/-lHg7EhrQOWA/U5zv2ajfWwI/AAAAAAAAkzM/PNsfzBxrfgw/s1600/drid.png) no-repeat 3px center
}

a.dat_view {
    background: url(http://2.bp.blogspot.com/-7dPaFUXYpo0/U5zv3XJqQPI/AAAAAAAAkzU/Ba7XPJbmrrE/s1600/listed.png) no-repeat 3px center
}

.switch a.active {
    background-color: #f2f2f2;
    border: 1px solid #d4d4d4;
    color: #555;
    cursor: default
}

#outer-wrapper {
    background: #fff;
    width: 970px;
    text-align: left;
    font: 12px Arial;
    margin: 0 auto;
    padding: 10px;
    border: 1px solid #DFDFDF
}

.footer h2 {
    background: url(http://4.bp.blogspot.com/-tk5hQcNMq6M/T8zPEwjH-RI/AAAAAAAAGm0/t8xkrJitkxg/s1600/batas.gif) repeat-x scroll bottom;
    font: 16px "Open Sans", Arial, Verdana;
    color: #ddd;
    text-transform: uppercase;
    margin: 0 0 6px;
    padding: 4px 0 5px 10px
}

.footer {
    color: #422929;
    line-height: 1.3em;
    font: 400 12px Arial
}

.footer ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.footer li {
    background: url(http://4.bp.blogspot.com/-Bt0JYGRHfpk/T7ZpN5RNSQI/AAAAAAAAGJQ/zQtrWVZwgHA/s1600/bullet.png) no-repeat 1px 6px;
    font: 400 12px Arial;
    color: #626262;
    text-indent: 0;
    line-height: 1.2em;
    margin: 0;
    padding: 3px 0 4px 17px
}

.footer a:link, .footer li a:visited {
    color: #6b7278;
    text-decoration: none
}

.footer li a:hover {
    color: #be591c
}

.footer .widget {
    margin: 0 0 8px;
    padding: 6px 0;
    text-shadow: 1px 1px 2px #000
}

.footer .widget-content {
    padding: 0 auto
}

.picfooter {
    background-color: #222;
    background-image: -moz-linear-gradient(top, #444 0, #222 100%);
    background-image: -ms-linear-gradient(top, #444 0, #222 100%);
    background-image: -o-linear-gradient(top, #444 0, #222 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444), color-stop(100%, #222));
    background-image: -webkit-linear-gradient(top, #444 0, #222 100%);
    background-image: linear-gradient(to bottom, #444 0, #222 100%);
    border-bottom: 1px solid #000;
    border-top: 4px solid #111;
    width: 970px;
    margin-startside: auto;
    margin-endside: auto;
    text-align: center;
    font: normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif
}

#footer-wrapper {
    width: 950px;
    text-align: left;
    font: normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
    margin: 0 auto;
    padding: 10px
}

#footer1-wrapper {
    width: 300px;
    float: left;
    word-wrap: break-word;
    overflow: hidden
}

#footer2-wrapper {
    margin-left: 10px;
    width: 310px;
    float: left;
    word-wrap: break-word;
    overflow: hidden;
    padding: 0 10px
}

#footer3-wrapper {
    width: 300px;
    float: right;
    word-wrap: break-word;
    overflow: hidden
}

.creditwrap {
    background: #111;
    width: 970px;
    margin: 0 auto;
    padding: 0 auto;
    border-top: 1px solid #444
}

.credit {
    width: 950px;
    line-height: 1.6em;
    text-align: center;
    font-family: Arial;
    font-size: 11px;
    color: #999;
    overflow: hidden;
    clear: both;
    margin: 0 auto;
    padding: 10px 0
}

.credit a:link, .credit a:visited {
    color: #aaa;
    text-decoration: none
}

.credit a:hover {
    color: #fff;
    text-decoration: none
}

#credit-left-side {
    float: left;
    text-align: left
}

#credit-right-side {
    float: right;
    text-align: right
}

.top-wrapper {  
    height: 32px;  
    width: 100%;  
    background-color: #2b5385;
    background-image: -moz-linear-gradient(top, #48d 0, #2b5385 100%);
    background-image: -ms-linear-gradient(top, #48d 0, #2b5385 100%);
    background-image: -o-linear-gradient(top, #48d 0, #2b5385 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #48d), color-stop(100%, #2b5385));
    background-image: -webkit-linear-gradient(top, #48d 0, #2b5385 100%);
    background-image: linear-gradient(to bottom, #48d 0, #2b5385 100%);   
    font-family: Arial, serif;  
    text-shadow: 1px 1px 2px #112136;  
    position: relative;  
    border-bottom: 2px solid #283744;  
}

.top-wrapper ul {  
    padding: 0;  
    margin: 0 auto;  
    width: 600px;  
    height: 32px;  
} 

.top-wrapper li {  
    display: inline;  
    float: left;  
}

.clearfix:before,  
.clearfix:after {  
    content: " ";  
    display: table;  
}  
.clearfix:after {  
    clear: both;  
}  
.clearfix {  
    *zoom: 1;  
}

.top-wrapper a {  
    color: #fff;  
    display: inline-block;  
    width: 100px;  
    text-align: center;  
    text-decoration: none;  
    line-height: 40px;  
    text-shadow: 1px 1px 0px #283744;  
}

.top-wrapper li a {  
    border-right: 1px solid #576979;  
    box-sizing:border-box;  
    -moz-box-sizing:border-box;  
    -webkit-box-sizing:border-box;  
}  
.top-wrapper li:last-child a {  
    border-right: 0;  
}

.top-wrapper a:hover, .top-wrapper a:active {  
    background-color: #8c99a4;  
}

.top-wrapper a#pull {  
    display: none;  
} 

.menusearch {
    width: 200px;
    float: right;
    margin: 0 auto;
    padding: 3px 8px 0 0
}

.searchform {
    margin-top: 0;
    display: inline-block;
    *display: inline;
    padding: 0;
    background: #fff;
    width: 200px;
    height: 22px;
    overflow: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #000
}

.searchform input {
    font: italic 12px Arial;
    color: #222;
    line-height: 22px;
    height: 22px;
    padding: 0;
    margin: 0
}

.searchform .searchfield {
    background: 0 0;
    padding: 0 0 0 6px;
    margin: 0;
    width: 165px;
    height: 22px;
    border: 0;
    outline: 0;
    line-height: 22px
}

.searchform .searchbutton {
    border: none;
    font-size: 12px;
    height: 22px;
    width: 22px;
    margin: 0;
    padding: 0
}

.readmorecontent {
    text-align: right;
    float: right;
    margin-top: 10px
}

.readmorecontent a {
    padding: 5px 8px;
    color: #555;
    background: #f2f2f2;
    text-decoration: none;
    font: 12px "Open Sans", Arial, Verdana
}

.readmorecontent a:hover {
    color: #666;
    text-decoration: none
}

#related-posts {
    float: left;
    width: auto
}

#fb-comments-page h2, #related-posts h2 {
    background: 0 0;
    font: 16px "Open Sans", Verdana, Geneva, sans-serif;
    color: #3583cc;
    font-weight: 600;
    letter-spacing: -.045em;text-transform: uppercase;
    line-height: 2.3em;
    padding: 3px;
    margin-bottom: 10px
}

#related-posts .maskolis_img {
    padding: 5px 5px 0;
    width: 185px;
    height: 139px
}

#related-posts .maskolis_img:hover {
    opacity: .6;
    filter: alpha(opacity=60);
    -moz-opacity: .6;
    -khtml-opacity: .6
}

#related-posts .play-button {
    background: url(http://1.bp.blogspot.com/-9iRp_m_BFxU/UTbg-QcKfSI/AAAAAAAACco/gyoUwIESUBw/s1600/play_button1.png) no-repeat center;
    cursor: pointer
}

#carousel {
    background: #eee;
    width: 970px;
    position: relative;
    float: left;
    margin: 0 0 10px;
    height: 230px;
    overflow: hidden
}

#carousel .judul {
    margin-left: 10px;
    font: 18px "Open Sans", Arial, Verdana;
    padding: 5px;
    color: #6b7278
}

#carousel .container {
    position: absolute;
    left: 0;
    width: 970px;
    overflow: hidden
}

#carousel ul {
    width: 10000px;
    position: relative;
    overflow: hidden;
    margin-top: 0
}

#carousel ul li {
    display: inline;
    float: left;
    margin: 1px 0 2px 10px;
    padding: 1px;
    width: 180px;
    overflow: hidden;
    height: 178px
}

#carousel .thumb {
    height: 128px;
    width: 170px;
    background: #fff;
    padding: 4px;
    border: 1px solid #ccc;
    box-shadow: 0 0 4px #bbb;
    -moz-box-shadow: 0 0 4px #bbb;
    -webkit-box-shadow: 0 0 4px #bbb
}

#carousel #previous_button {
    position: absolute;
    top: 8px;
    right: 39px;
    width: 25px;
    height: 22px;
    cursor: pointer;
    background: url(http://4.bp.blogspot.com/-IkX_jjs9Gls/UTYfxPvaEtI/AAAAAAAACbU/S4cXeti3S-I/s1600/paginate.png) no-repeat;
    background-position: 0 0
}

#carousel #next_button {
    position: absolute;
    top: 8px;
    right: 10px;
    width: 25px;
    height: 22px;
    cursor: pointer;
    background: url(http://4.bp.blogspot.com/-IkX_jjs9Gls/UTYfxPvaEtI/AAAAAAAACbU/S4cXeti3S-I/s1600/paginate.png) no-repeat;
    background-position: -27px 0
}

#carousel #next_button:hover, #previous_button:hover {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity: .8;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out
}

#carousel ul li a.slider_title {
    color: #6b7278;
    display: block;
    text-align: center;
    font: 700 12px Arial;
    margin-top: 8px
}

#carousel ul li a.slider_title:hover {
    color: #111
}

.postmeta {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 400;
    padding: 5px 0 10px
}

.author {
    color: #6b7278;
    background: url(http://1.bp.blogspot.com/-BHRCsN73acQ/UPKxKFtk-mI/AAAAAAAACcI/Vc9nAuUh7F8/s1600/user.png) left center no-repeat;
    padding: 2px 5px 2px 20px
}

.clock {
    color: #6b7278;
    background: url(http://2.bp.blogspot.com/-GEuHpjA0MF8/UPKxKPNlBwI/AAAAAAAACcE/aCzen2hdPS4/s1600/time.png) left center no-repeat;
    padding: 2px 5px 2px 20px
}

.clock a, .clock a:hover {
    color: #6b7278
}

.video-container embed, .video-container iframe, .video-container object {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center
}

.slide1-wrapper {
    padding: 0 auto;
    margin: 0 auto;
    width: auto;
    float: left;
    word-wrap: break-word;
    overflow: hidden
}

.slide1 ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.slide1 .widget {
    margin: 0
}

#bot-wrapper {
    padding-top: 10px;
    width: 970px;
    float: left;
    word-wrap: break-word;
    overflow: hidden
}

#bot1-wrapper {
    width: 620px;
    float: left;
    word-wrap: break-word;
    overflow: hidden
}

#bot2-wrapper {
    padding-left: 10px;
    width: 340px;
    float: right;
    word-wrap: break-word;
    overflow: hidden
}

.bot .widget, .bot1 .widget, .bot2 .widget {
    margin: 0;
    padding: 0 0 8px
}

.bot ul, .bot1 ul, .bot2 ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#tabber-wrapper {
    width: 650px;
    float: left;
    word-wrap: break-word;
    overflow: hidden;
    margin: 0 10px 10px 0
}

ul.tab-view {
    float: left;
    list-style: none;
    height: 25px;
    width: 630px;
    margin: 0;
    padding: 5px 5px 6px;
    font: 14px "Open Sans", Arial, Verdana;
    text-shadow: 0 1px 0 #fff;
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top, #fff, #f2f2f2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, #fff, #f2f2f2);
    background-image: -o-linear-gradient(top, #fff, #f2f2f2);
    background-image: linear-gradient(to bottom, #fff, #f2f2f2);
    background-repeat: repeat-x;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid: dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .065);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .065);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .065)
}

ul.tab-view li {
    float: left;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    position: relative;
    margin: 0;
    padding: 0
}

ul.tab-view li a {
    text-decoration: none;
    color: #555;
    display: block;
    outline: 0;
    font-weight: 400;
    padding: 0 15px
}

html ul.tab-view li.active, html ul.tab-view li.active a, html ul.tab-view li.active a:hover {
    color: #6b7278;
    background: #d4d4d4;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-shadow: none
}

.tab-wrapper {
    overflow: hidden;
    clear: both;
    float: left;
    width: 650px;
    margin-bottom: 10px
}

.tabber {
    padding: 5px 0 0
}

.tabber .column {
    float: left;
    display: inline;
    width: 200px;
    height: 190px;
    margin: 5px 6px 0 4px;
    padding: 2px 2px 5px
}

.tabber .column_img {
    background: #fff;
    padding: 4px;
    width: 190px;
    height: 143x;
    margin: 5px 0 0;
    border: 1px solid #ccc;
    box-shadow: 0 0 4px #bbb;
    -moz-box-shadow: 0 0 4px #bbb;
    -webkit-box-shadow: 0 0 4px #bbb
}

.tabber h2 {
    height: 35px;
    font: 12px "Open Sans", Arial, Verdana;
    font-weight: 700;
    line-height: 16px;
    margin: 3px 5px;
    text-align: center;
    overflow: hidden
}

.tabber h2 a {
    color: #6b7278
}

.tabber h2 a:hover {
    color: #222
}

.sompret-wrapper {
    float: right;
    position: relative;
    padding: 7px 7px 4px;
    background: #222
}

.sompret {
    overflow: hidden;
    position: relative;
    width: 606px;
    height: 310px
}

.image_reel {
    position: absolute;
    top: 0;
    left: 0
}

.image_reel img {
    overflow: hidden;
    float: left;
    width: 606px;
    height: auto
}

.paging {
    background: #222;
    padding: 4px 0 2px;
    text-align: center;
    z-index: 100
}

.paging a {
    text-indent: -9999px;
    background: url(http://3.bp.blogspot.com/-Ble2QJgbwJc/UTdQ9go_mrI/AAAAAAAACdU/xNOmGZwWYGM/s1600/slider_item.png) no-repeat center;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin: 3px;
    border: none;
    outline: 0
}

.paging a.active {
    background: url(http://4.bp.blogspot.com/-QjgU7SewYSk/UTdQ9ugtYpI/AAAAAAAACdQ/Lfa0uSi9ocY/s1600/slider_item_active.png) no-repeat center;
    border: none;
    outline: 0
}

.paging a:hover {
    font-weight: 700;
    border: none;
    outline: 0
}

.crott {
    width: 586px;
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 101;
    background: rgba(0, 0, 0, .6);
    padding: 5px 10px
}

.crott a {
    color: #fff;
    font: 20px "Open Sans", Arial, Verdana
}

.crott p {
    color: #fff;
    font: 12px Arial
}

.featuredPost2 h3 {
    font: 16px "Open Sans", Verdana, Geneva, sans-serif;
    font-weight: 600;
    letter-spacing: -.045em;text-transform: uppercase;
    line-height: 2.3em;
    border-bottom: 1px dotted #ccc;
    color: #3583cc;
    margin-bottom: 10px
}

.featuredPost2 h3 a {
    color: #3583cc
}

.featuredPost2 h3 a:hover {
    color: #333
}

.featuredPost2 .entry-title {
    font: 12px "Open Sans", Arial, Verdana;
    font-weight: 700;
    text-transform: none;
    color: #6b7278;
    line-height: 15px;
    margin-bottom: 5px
}

.featuredPost2 .entry-title a {
    color: #6b7278
}

.featuredPost2 .entry-title a:hover {
    color: #111
}

.featuredPost2 {
    font: 11px Arial;
    float: left;
    padding: 10px;
    margin-bottom: 10px
}

.featuredPost2 ul li {
    border: none;
    background: 0 0;
    border-bottom: 1px dashed #e0cdcd;
    margin: 0;
    padding: 5px 0
}

.featuredPost2 img {
    background: #fff;
    padding: 3px;
    float: left;
    display: block;
    margin-right: 10px;
    border: 1px solid #ccc;
    box-shadow: 0 0 4px #bbb;
    -moz-box-shadow: 0 0 4px #bbb;
    -webkit-box-shadow: 0 0 4px #bbb
}

.social-sharing {
    height: 35px;
}

.social-button {
    height: 25px;
    margin: 15px 0 5px;
}

.social-button .botones {
    float: left;
}

.social-button .botones div {
    float: left;
    margin-left: 0;
}

.social-button .botones .fb {
    margin-right: 20px;
}

#w2b-mashable {
    width: 100%;
    margin: auto;
    padding: 0
}

.w2b-googleplus {
    height: 105px
}

.w2b-facebook {
    background: #FFF;
    border: 1px solid #DCDCDC;
    margin-top: -2px;
    padding: 5px 10px
}

.w2b-gplusone {
    background-color: #f5fcfe;
    border: 1px solid #d8e6eb;
    border-top: 1px solid #FFF;
    font-size: .87em;
    color: #000;
    line-height: 24px;
    height: 30px;
    padding: 9px 0 0 11px
}

.w2b-gplusone span {
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    margin-top: -17px;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif
}

.w2b-twitter {
    background-color: #eef9fd;
    border: 1px solid #c7dbe2;
    border-top: 0
}

.w2b-twitter a.twitter-follow-button {
    display: block
}

.w2b-twitter iframe {
    margin: 9px 11px
}

.w2b-emailbox {
    background-color: #E3EDF4;
    border: 1px solid #b6d0da;
    border-top: 1px solid #eff5f7;
    overflow: hidden;
    padding: 12px 16px
}

.w2b-emailbox form {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 0
}

.w2b-emailbox input.emailu {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    color: #999;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 13px;
    padding: 7px 10px 8px
}

.w2b-emailbox input.emailu:focus {
    color: #333
}

.w2b-emailbox input.submitu {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #FFF;
    font-weight: 700;
    font-size: 12px;
    float: right;
    cursor: pointer;
    padding: 7px 14px
}

.w2b-emailbox input.submitu:hover {
    text-decoration: none
}

.w2bBlue {
    border: 1px solid #397CBA;
    text-shadow: 1px 1px 0 #3A7AB2;
    background: #60abf8;
    background: -moz-linear-gradient(top, #60abf8 0, #4082c4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #60abf8), color-stop(100%, #4082c4));
    background: -webkit-linear-gradient(top, #60abf8 0, #4082c4 100%);
    background: -o-linear-gradient(top, #60abf8 0, #4082c4 100%);
    background: -ms-linear-gradient(top, #60abf8 0, #4082c4 100%);
    background: linear-gradient(top, #60abf8 0, #4082c4 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#60abf8', endColorstr='#4082c4', GradientType=0)
}

.w2bBlue:hover {
    background: #9ccefc;
    background: -moz-linear-gradient(top, #9ccefc 0, #5087bf 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9ccefc), color-stop(100%, #5087bf));
    background: -webkit-linear-gradient(top, #9ccefc 0, #5087bf 100%);
    background: -o-linear-gradient(top, #9ccefc 0, #5087bf 100%);
    background: -ms-linear-gradient(top, #9ccefc 0, #5087bf 100%);
    background: linear-gradient(top, #9ccefc 0, #5087bf 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#9ccefc', endColorstr='#5087bf', GradientType=0)
}

.w2b-moresubs {
    background: none repeat scroll 0 0 #EBEBEB;
    border-style: solid;
    border-width: 1px;
    border-color: #fff #ccc #ccc;
    padding: 3px 8px 3px 3px;
    text-align: right;
    font-size: 7px;
    letter-spacing: 1px
}

.w2b-moresubs a {
    display: inline-block;
    font-weight: 700;
    color: #1E598E;
    text-decoration: none;
    text-shadow: 1px 1px 1px #fff
}

.adv-banner {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 81px
}

@media only screen and (max-width:1023px) {
    #main-wrapper {
        width: 100%
    }

    .top-wrapper {   
		height: auto;  
	  }  
    .top {  
		width: 100%;  
		display: block;  
		height: auto;  
	  }  
	  .top li {  
		width: 50%;  
		float: left;  
		position: relative;  
	  }  
	  .topli a {  
		border-bottom: 1px solid #576979;  
		border-right: 1px solid #576979;  
	  }  
	  .top a {  
		text-align: left;  
		width: 100%;  
		text-indent: 25px;  
	  } 
     
    #bot-wrapper, #header-wrapper, #outer-wrapper, .creditwrap, .picfooter {
        max-width: 700px
    }

    .menusearch {
        width: 470px
    }

    #bot-wrapper, #footer-wrapper, .credit {
        max-width: 680px
    }

    #carousel, #sidebar-wrapper, .featuredPost2, .feed-links {
        display: none
    }

    #bot-wrapper {
        padding-left: 40px
    }

    .adv-banner {
        padding-left: 116px
    }

    #footer1-wrapper, #footer2-wrapper, #footer3-wrapper {
        width: 30%
    }

    .comments-page .fb_iframe_widget span, .comments-page .fb_iframe_widget span iframe[style],
    .fb_iframe_widget {
        width: 100% !important
    }

    .fb_iframe_widget span {
        display: block !important
    }
}

@media only screen and (max-width:767px) { 
    #bot-wrapper, #header-wrapper, #outer-wrapper, .creditwrap, .picfooter {
        max-width: 440px
    }

    #footer-wrapper, .credit {
        max-width: 420px
    }

    #bot-wrapper, #credit-right-side, .social-button .botones .gplus,
    #tabber-wrapper, .fb-reco, .menusearch {
        display: none
    }

    .post h1 {
        font-size: 24px;
        line-height: 1em
    }

    .post-body embed, .post-body iframe, .post-body object {
        height: 236px
    }

    .adv-banner {
        padding-left: 0
    }
}

@media only screen and (max-width:479px) {
    #bot-wrapper, #header-wrapper, #outer-wrapper, .creditwrap, .picfooter {
        max-width: 315px
    }
    .top-wrapper {  
        border-bottom: 0;  
    }  
    .top-wrapper ul {  
        display: none;  
        height: auto;  
    }  
    .top-wrapper a#pull {  
        display: block;  
        background-color: #283744;  
        width: 100%;  
        position: relative;  
    }  
    .top-wrapper a#pull:after {  
        content:"";  
        background: url('http://3.bp.blogspot.com/-KlnEKPLxw3g/UksKR28RSPI/AAAAAAAAXE8/kcRaFg9Zkvc/s1600/nav-icon.png') no-repeat;  
        width: 30px;  
        height: 30px;  
        display: inline-block;  
        position: absolute;  
        rightright: 15px;  
        top: 5px;  
    }     

    #footer-wrapper, .credit {
        max-width: 295px
    }

    #stp-main {
        width: 320px !important
    }

    #footer1-wrapper, #footer2-wrapper, #footer3-wrapper {
        width: 100%
    }

    #footer2-wrapper {
        margin-left: 0;
        padding: 0
    }

    .social-button .botones .tw {
        display: none
    }
}

@media only screen and (max-width : 320px) {  
    .top-wrapper li {  
        display: block;  
        float: none;  
        width: 100%;  
    }  
    .top-wrapper li a {  
        border-bottom: 1px solid #576979;  
    }  
}